<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    img {
      vertical-align: middle;
      display: inline-block;
    }
  </style>
  <script src="./bil/jquery-1.11.3/jquery.js"></script>
</head>

<body>
  <div id="box">1111</div>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <div class="box1">处理</div>
  <script>

    let divDom = $('.box1').clone()
    // 被克隆的放前面,克隆的位置在后面
    // $('.box1').appendTo('#box')
    // console.log(divDom);
    // 克隆的位置放前面 被克隆的在后面
    // $('#box').append(divDom)
    $('.box1').clone().appendTo('#box');
  </script>
</body>

</html>